<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="tiles" uri="http://tiles.apache.org/tags-tiles" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"  %>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<!DOCTYPE html>
<html lang="ko">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0. user-scalable=yes" />
<title>첫화면</title>

<link href="${pageContext.request.contextPath}/css/style.css" rel="stylesheet" type="text/css"/>

<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-1.10.2.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery.wingit.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery.wit.idea.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/navi.jquery.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/lib/jquery-ui-1.10.3.custom.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/lib/jquery.tmpl.js"></script>

<!-- ColorPicker Plugin -->
<script type="text/javascript" src="${pageContext.request.contextPath}/js/lib/colpick/colpick.js"></script>
<link href="${pageContext.request.contextPath}/js/lib/colpick/colpick.css" rel="stylesheet" type="text/css"/>

</head>

<body>
	<div class="wrap">
	<section class="ideaWrap">
		<article class="ideaSubHeader">
			<div class="leftArea">
				<div class="mainLogo moveMain">
					<img src="/images/common/sub_main_logo.png">
				</div>
				<div class="searchMenuArea">
					<div class="searchMenu">
						<input type="text" id="searchMenu" name="searchMenu" placeholder="search"/>
						<div class="iconSearch"> </div>
					</div>
				</div>
				
				<div class="menuList">
					<ul class="lev1">
						<li>
							<img src="/images/common/ico_idea.png" class="select" align="absmiddle"/>
							<a href="#">Idea</a>
						</li>
					</ul>
					<ul class="lev1">
						<li>
							<img src="/images/common/ico_portfolio.png" class="select" align="absmiddle"/>
							<a href="#">Portfolio</a>
							<ul class="lev2">
								<li><span class="select"> </span><a href="#">Design</a></li>
								<li><span class="select"> </span><a href="#">Publishing</a></li>
							</ul>
						</li>
					</ul>
					<ul class="lev1">
						<li>
							<img src="/images/common/ico_study.png" class="select" align="absmiddle"/>
							<a href="#">study</a>
							<ul class="lev2">
								<li>
									<span class="select"> </span><a href="#">html5</a>
									<ul class="lev3">
										<li><span class="select"> </span><a href="#">드래그앤드롭</a></li>
									</ul>
								</li>
								<li>
									<span class="select"> </span><a href="#">CSS1</a>
								</li>
								<li>
									<span class="select"> </span><a href="#">jQuery</a>
									<ul class="lev3">
										<li><span class="select"> </span><a href="#">Selector</a></li>
									</ul>
								</li>
								<li><span class="select"> </span><a href="#">레벨2 테스트1</a></li>
							</ul>
						</li>
					</ul>
				</div>
			</div>
			<div class="rightArea">
				<div class="nav">
					<a href="#" onclick="return false;">
						<span class="line1"></span>
						<span class="line2"></span>
						<span class="line3"></span>
					</a>
				</div>
				<div class="setting">
					<a href="#" onclick="return false;">
						<span> </span>
					</a>
				</div>

			</div>
		</article>
		<tiles:insertAttribute name="body"/>
	</div>
</body>
</html>

